import React, { Suspense } from "react";
// 动态加载

// 依赖异步资源的组件，可能通过数据加载或动态导入等方式延迟渲染。这里是动态加载
const LazyComponent = React.lazy(() => import("./components/LazyComponent"));
function App() {
  return (
    // fallback：指定在组件挂起期间显示的备用 UI，比如加载指示器。
    <Suspense fallback={<p>loading component...</p>}>
      <LazyComponent />
    </Suspense>
  );
}
export default App;
